import { createRouter, createWebHistory } from 'vue-router'
import Icon from '../views/Icon.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'icon',
      component: Icon
    },
    {
      path: '/button',
      name: 'button',
      component: () => import('../views/Button.vue')
    },
    {
      path: "/input",
      name: 'input',
      component: () => import('../views/Input.vue')
    },
    {
      path: '/card',
      name: 'card',
      component: () => import('../views/Card.vue')
    },
    {
      path: '/dialog',
      name: 'dialog',
      component: () => import('../views/Dialog.vue')
    },
    {
      path: '/pager',
      name: 'pager',
      component: () => import('../views/Pager.vue')
    }, {
      path: '/collapse',
      name: 'collapse',
      component: () => import('../views/Collapse.vue')
    }
    , {
      path: '/tooltip',
      name: 'tooltip',
      component: () => import('../views/Tooltip.vue')
    },
    {
      path: '/dropdown',
      name: 'dropdown',
      component: () => import('../views/Dropdown.vue')
    }
  ],
  linkActiveClass: 'app-active',
})

export default router
